<template>
  <div class="container-item-crate-role">
    <el-form size="mini" label-width="80px" label-position="left">
      <el-form-item label="角色名">
        <el-input v-model="formData.role_name" clearable />
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        role_name: '',
      },
    };
  },
  watch: {
    formData: {
      handler(val) {
        this.$emit('getFormData', val);
      },
      deep: true,
    },
  },
  destroyed() {
    console.log('dasdasd');
  },
};
</script>
